<template>
  <uni-form v-on="$listeners">
    <span>
      <slot />
    </span>
  </uni-form>
</template>
<script>
import {
  listeners
} from 'uni-mixins'
export default {
  name: 'Form',
  mixins: [listeners],
  data () {
    return {
      childrenList: []
    }
  },
  listeners: {
    '@form-submit': '_onSubmit',
    '@form-reset': '_onReset',
    '@form-group-update': '_formGroupUpdateHandler'
  },
  methods: {
    _onSubmit ($event) {
      let data = {}
      this.childrenList.forEach(vm => {
        if (vm._getFormData && vm._getFormData().key) {
          data[vm._getFormData().key] = vm._getFormData().value
        }
      })
      this.$trigger('submit', $event, {
        value: data
      })
    },
    _onReset ($event) {
      this.$trigger('reset', $event, {})
      this.childrenList.forEach(vm => {
        vm._resetFormData && vm._resetFormData()
      })
    },
    _formGroupUpdateHandler ($event) {
      if ($event.type === 'add') {
        this.childrenList.push($event.vm)
      } else {
        const index = this.childrenList.indexOf($event.vm)
        this.childrenList.splice(index, 1)
      }
    }
  }
}
</script>
<style>
</style>
